<template>
  <div class="view-box">
    <img
      src="@/designer/assets/images/view1.png"
      style="width: 100%; height: 100%; display: block"
    />
    <!-- <div class="content">
      <div>{{ node.props.dataSet }}</div>
      <q-button @click="handleClick">点击</q-button>
    </div> -->
    <!-- <q-input v-bind="$attrs" v-on="$listeners"></q-input> -->
  </div>
</template>

<script>
export default {
  name: 'View1',
};
</script>

<script setup>
import { EventBus } from './../event-bus';
defineProps({
  node: {
    type: Object,
    default: () => {},
  },
});
const handleClick = (val) => {
  EventBus.$emit('handleClick', val);
};
</script>
<style lang="scss" scoped>
.view-box {
  position: relative;
  height: 100%;
  .content {
    position: absolute;
    inset: 16px;
    color: white;
    display: flex;
    justify-content: space-between;
  }
}
</style>
